<template>
  <div class="weather-box">
    <svg-icon :icon-class="icon" />
    <div class="weather-r">
      <p>{{ status }}</p>
      <p>{{ temperature }}℃</p>
    </div>
  </div>
</template>

<script>
/**
 * 天气
 * @author 朱琦
 * @date   时间：2022/11/19
 */
export default {
  name: 'Weather',
  components: {},
  data() {
    return {
      icon: 'weather',
      status: '多云',
      temperature: '4'
    }
  },
  computed: {},
  created() {},
  mounted() {},
  methods: {}
}
</script>

<style scoped lang="less">
.weather-box {
  display: flex;
  align-items: center;
  margin-left: 20px;

  p {
    margin: 0;
    font-size: 12px;
    line-height: 16px;
  }
  .svg-icon {
    font-size: 38px;
    margin-right: 5px;
  }
}
</style>
